body{
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    background-color: #F2F4F7;

}

a{
    text-decoration: none;
}

@media screen and (min-width:750px) {
    html {
        font-size: 75px !important;
    }
}

.header{
    height: 1.293333rem;
    width: 100%;
    font-size: 0.466667rem;
    color: #1C1C1C;
    text-align: center;
    line-height: 1.293333rem;
    border-bottom: 0.013333rem solid #cccccc;
}
        
.content-hd{
    width: 100%;

    .item{   
        display: flex;
        border-bottom: 0.013333rem solid #cccccc;
        height: 2.026667rem;
        margin:0 0.373333rem;
        padding: 0.373333rem 0;
        img{
            flex: 1;
            height: 2.026667rem;
            width: 3.04rem;
        }
        a{
            flex: 2;
            padding:0.093333rem 0.373333rem 0 0.346667rem;
            h4{
                font-size: 0.373333rem;
                color: #020202;
                margin: 0;
            }

            span{
                display: block;
                font-size: 0.24rem;
                color: #727D88;
                padding-top: 0.466667rem;
            }
        }
    }
}

.ban{
    border-bottom: 0.013333rem solid #cccccc;
    i{
        img{
            height: 5.16rem;
            width: 9.08rem;
            padding: 0.306667rem 0.426667rem 0.386667rem 0.373333rem;
        }
    }
    h4{
        font-size: 0.373333rem;
        color: #333333;
        margin: 0;
        padding: 0 0.506667rem 0.333333rem 0.386667rem;
    }
}

